﻿@charset "utf-8";
/* CSS Document */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix{*zoom:1;}
@-webkit-keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}


}

@-moz-keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}


}

@-o-keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}
}


@keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}

}


.section{display: block;/*padding-top: 50px;*/}
.section-header{position: relative;display: block;padding-top: 17px;margin-bottom: 40px;left:-200px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: 0.5s linear;-o-transition: 0.5s linear;transition: 0.5s linear;}
.section .section-header.show{left:0;opacity: 1;filter:alpha(opacity=100);}

.solution {overflow: hidden;position: relative;}

.solution-header{ width:1200px; margin:0 auto;text-align:center;padding-top: 17px;margin-bottom: 40px;}
.solution-header h3{display: block;font-size:26px;color: #2b2b2b;font-weight: bold;line-height:50px;}
.solution-header span{display: block;font-size:14px;color: #4b4b4b;line-height:30px;}
.solution-body{display: block;overflow: hidden; width:1200px; margin:40px auto 0px auto;}


.solution-body .item{position: relative;display: block;float: left;width:268px; height:252px; border:solid 1px #ebebeb; background:#fff;opacity:1;filter:alpha(opacity=100);overflow: hidden; margin:0px 15px;}

/*.solution-body .item1{left:0px;-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;}

.solution-body .item2{left:308px;-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;}

.solution-body .item3{left:400px;-webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;}

.solution-body .item4{left:500px;-webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;}


.solution-body .item:hover{width:268px;}

.solution .solution-body.show .item{left:0;opacity: 1;filter:alpha(opacity=100);}

.solution-body .item .service{display: block;height:252px;text-align: center;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}


*/
.solution-body .item .service .content{display: block;height: 200px;padding-top:32px;line-height: 1;}

.solution-body .item .service .content h4{display: block;font-size: 18px;font-weight:normal;margin-top:21px; text-align:center;}

.solution-body .item .service .content h4 a{color:#333; font-size:18px;/*-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;*/}

/*.solution-body .item:hover .service .content h4 a{color: #fff;}*/

.solution-body .item .service .content p{display: block;margin-top:15px;color: #0267ce;white-space: nowrap;/*-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;*/ color:#bdbdbd; font-size:14px; line-height:24px; text-align:center;}

/*.solution-body .item:hover .service .content p{color: #fff;}*/

.solution-body .item .service .content .icon{display: inline-block;width:274px; height:92px;}

.solution-body .item .service .content .icon img{ width:92px; height:92px; display:block; margin:0 auto;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.solution-body .item .service .content .icon:hover img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);}

.solution-icon1{background:url(../images/icon1.png) top center no-repeat;height:92px;}

.solution-body .item:hover .service .content .solution-icon1{background:url(../images/icon1H.png) top center no-repeat;}

.solution-icon2{background:url(../images/icon2.png) top center no-repeat;height:92px;}

.solution-body .item:hover .service .content .solution-icon2{background:url(../images/icon2H.png) top center no-repeat;}

.solution-icon3{background:url(../images/icon3.png) top center no-repeat;height:92px;}

.solution-body .item:hover .service .content .solution-icon3{background:url(../images/icon3H.png) top center no-repeat;}

.solution-icon4{background:url(../images/icon4.png) top center no-repeat;height:92px;}

.solution-body .item:hover .service .content .solution-icon4{background:url(../images/icon4H.png) top center no-repeat;}


.about {overflow: hidden;position: relative;}

.about-header{ width:100%; text-align:center;padding-top: 17px;margin-bottom: 40px;}
.about-header h3{display: block;font-size:26px;color: #2b2b2b;font-weight: bold;line-height:50px;}
.about-header span{display: block;font-size:18px;color: #4b4b4b;line-height:30px;}
.about-body{display: block;overflow: hidden; width:1200px; margin:0px auto;}



.about-body{ width:1200px; margin:0px auto 0px auto;}
.about-body .about-Txt{ width:100%; float:left;position: relative; font-size:15px; line-height:32px; color:#757575;
	display: block;
	float: left;
	top:0px;
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transition: 0.3s 0.5s linear;
/*	-o-transition: 0.3s 0.5s linear;
	transition: 0.3s 0.5s linear;*/}
	
.about-body.show .about-Txt{top:0;opacity: 1;filter:alpha(opacity=100);}


.about-body .video{ width:480px; height:316px; float:right;position: relative;top:0px;opacity: 1;filter: alpha(opacity=100);/*-webkit-transition: 0.3s 0.8s linear;-o-transition: 0.3s 0.8s linear;transition: 0.3s 0.8s linear;*/}


.about-body.show .video{top:0;opacity: 1;filter:alpha(opacity=100);}


a.More { font-size:14px; color: #3893ff; line-height:36px; border-radius:50px; display: block; margin:50px auto; border-radius:28px; border:solid 1px #3893ff;position:relative; text-indent:30px; width:138px; 
    top:200px;
    opacity: 1;
	filter: alpha(opacity=100);
	/*-webkit-transition: 0.3s 0.5s linear;
	-o-transition: 0.3s 0.5s linear;
	transition: 0.3s 0.5s linear;*/}
	
.about-body.show .More{top:0;opacity: 1;filter:alpha(opacity=100);}

	
a.More .icon-more { display: block; position: absolute; right:24px; top:10px;  width: 18px; height: 18px; border-radius: 50%; background:url(../images/icon_more01.png) top center no-repeat; background-size: 100%; }
a.More:hover { background:#3893ff; color: #fff; }
a.More:hover .icon-more { background: url('../images/icon_more011.png') no-repeat center center; background-size: 100%; }



/*-----关于海川-----*/

.page{width:1200px;padding-top:30px; margin:0 auto;}
.pageL{ width:230px; float:left;}
.pageL h2{ width:230px; height:98px; text-align:center; line-height:98px; color:#fff; font-weight:normal;background:#3985d4; font-size:24px;}
.pageL ul{ width:230px; display:block; float:left;}
.pageL ul li{ width:230px; height:52px; display:block; float:left; border-bottom:solid 1px #eee; line-height:52px; text-align:center;}
.pageL ul li a{ font-size:16px; color:#666; display:block; width:230px; height:52px; text-align:center;}
.pageL ul li a:hover{color:#1983d5; background:url(../images/leftMenuLi.jpg) 200px 20px no-repeat;}
.pageL ul li a.hover{color:#1983d5; background:url(../images/leftMenuLi.jpg) 200px 20px no-repeat;}


.pageR{ width:940px; float:right;}

.pageRTitle{width:100%;height:54px; float:left; border-bottom:solid 1px #cfcfcf;}
.pageRTitle span{display:block;float:left;font-size:22px;color:#333;font-weight:bold;height:52px;line-height:52px;text-align:center;padding:0px 10px;}

.pageRTitle p{ display:block;float:right;line-height:52px;padding-right:10px;background:url(../images/locationIcon.jpg) left center no-repeat;padding-left:20px;}

.page .pageL{position: relative;top:200px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s 0.5s linear;-o-transition: 0.3s 0.5s linear;transition: 0.3s 0.5s linear;}	
.page.show .pageL{top:0;opacity: 1;filter:alpha(opacity=100);}
.page .pageR{ position: relative;top:200px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s 0.8s linear;-o-transition: 0.3s 0.8s linear;transition: 0.3s 0.8s linear;}
.page.show .pageR{top:0;opacity: 1;filter:alpha(opacity=100);}

/*----关于我们 单页面------*/
.pageAbout{width:940px; float:left; padding:15px 0px; line-height:30px; font-size:14px; color:#333;}



/*-------企业文化------*/

.pageCulture{ width:940px; float:left;}

.pageCulture h2{ display:block; float:left; background:url(../images/titleBg1.jpg) left center no-repeat; padding-left:15px; width:925px; display:block; float:left; margin-top:20px; line-height:45px; font-size:22px; color:#474747;}

.pageCulture ul{ width:960px; margin-left:-20px;}
.pageCulture ul li{ width:300px; float:left; margin-left:20px; margin-top:20px;}
.pageCulture ul li .cultureImg{ width:300px; height:213px; display:block; overflow:hidden;}

.pageCulture ul li .cultureImg img{ width:300px; height:213px;transition:all 0.6s ease 0s;} 
.pageCulture ul li .cultureImg:hover img{transform:scale(1.2); transition:all 0.6s ease 0s;}

.pageCulture ul li .cultureTxt{width:300px;float:left;height:30px; line-height:30px; overflow:hidden; text-align:center; color:#555; font-size:15px;}



/*-------发展历程------*/

.pageHistory{ width:940px; float:left;}

/*发展历程*/
.swlc{clear:both;padding-top:30px; padding-left:5px;}
.dsj{clear:both;padding-top:40px; line-height:33px;}
.dsj h4{font-size:12px;font-weight:bold}
/**/
.slide-picp55 A#prev {float:left;display:inline;width:24px;height:44px;background: url(../images/tleft.jpg) no-repeat;border:none;cursor:pointer;margin:34px 11px 0px 0px;}
.slide-picp55 A#next {float:left;display:inline;width:24px;height:44px;background: url(../images/tright.jpg) no-repeat 0 0;border:none;cursor:pointer;margin:34px 0px 0px 11px;}
.slide-picp55 .pic-container {width:870px;overflow:hidden; float:left;  height:90px; background:url(../images/bbg1.jpg) 0 50px repeat-x;}
.slide-picp55{ width:940px; float:left;}
.slide-picp55 UL { width:100000px;}
.slide-picp55 UL LI {float:left; width:87px; height:80px;  text-align:center; font-family:"微软雅黑"; font-size:14px; color:#666; line-height:30px;  cursor:pointer}

.slide-picp55 UL LI .t1{ background:url(../images/bbg3.jpg) center 0 no-repeat; width:100%; height:45px; line-height:32px; text-align:center; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#fff; display:none;}
.slide-picp55 UL LI.hover .t1,.slide-picp55 UL LI.cur .t1{ display:block}/*11.9*/
.slide-picp55 UL LI .t2{ margin-top:65px; font-size:16px; font-family:"微软雅黑"; color:#333;}
.slide-picp55 UL LI.hover .t2,.slide-picp55 UL LI.cur .t2{ margin-top:20px; color:#3985d4; font-weight:bold;}/*11.9*/
.slide-picp55 UL LI.hover,.slide-picp55 UL LI.cur {background:url(../images/bbg2.jpg) 0 50px no-repeat;}/*11.9*/



/*----人才招聘-------*/


.joblist{padding: 15px;}

.joblist dl{padding:10px 5px 10px;margin-top:30px;border:1px solid #ddd}
.joblist dt{padding:0 10px;font-size:16px;font-weight:bold}
.joblist dd .dtail{padding:5px 10px 0;border-top:1px solid #ddd}
.joblist dd .dtail span{margin-right:15px}
.joblist dd .dtail a{color:#1c57c4}
.joblist dd .editor{padding:10px}
.joblist dd .mis{padding:5px 10px;border-bottom:1px solid #ddd;font-size:12px}
.joblist dd .mis span{margin-right:15px;color:#999}
.showjob h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
.showjob .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
.showjob .met_editor{padding:0 10px}

/*------联系我们-------*/
.pageContact{ margin-top:10px; float:left;}


.lxBox{ width:313px; height:320px; float:left; cursor:pointer; background:#fc9c40;}
.lxBg{ background:#3985d4;}
.lxBox .lxIcon{ width:85px; height:85px; display:block; margin:30px 113px 20px 113px; border-radius:85px;}

.lxBox  h5{ display:block; float:left; width:100%; color:#fff; font-size:24px; font-weight:bold; text-align:center; line-height:30px;}
.lxBox  label{ display:block; float:left; width:100%; color:#fff; font-size:16px;text-align:center; line-height:30px; margin:5px 0px;}
.lxBox  span{ display:block; float:left; width:100%; color:#fff; font-size:16px;text-align:center; font-weight:bold;line-height:30px;}

.lxBox .lxIcon1{ background:url(../images/contactIcon1.png) 23px 23px no-repeat #fff; border:solid 3px #2872bf;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.lxBox:hover .lxIcon1{ background:url(../images/contactIcon1H.png) 23px 23px no-repeat #2872bf; border:solid 3px #fff;}

.lxBox .lxIcon2{ background:url(../images/contactIcon2.png) 23px 23px no-repeat #fff; border:solid 3px #ea8e36;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.lxBox:hover .lxIcon2{ background:url(../images/contactIcon2H.png) 23px 23px no-repeat #3985d4; border:solid 3px #fff;}

.lxBox .lxIcon3{ background:url(../images/contactIcon3.png) 23px 23px no-repeat #fff;border:solid 3px #2872bf;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.lxBox:hover .lxIcon3{ background:url(../images/contactIcon3H.png) 23px 23px no-repeat #3985d4; border:solid 3px #fff;}

.lxBox .lxIcon4{ background:url(../images/contactIcon4.png) 23px 23px no-repeat #fff;  border:solid 3px #ea8e36;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.lxBox:hover .lxIcon4{ background:url(../images/contactIcon4H.png) 23px 23px no-repeat #3985d4; border:solid 3px #fff;}

.lxBox .lxIcon5{ background:url(../images/contactIcon5.png) 23px 23px no-repeat #fff; border:solid 3px #2872bf;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.lxBox:hover .lxIcon5{ background:url(../images/contactIcon5H.png) 23px 23px no-repeat #3985d4; border:solid 3px #fff;}



/*-----新闻中心-----*/
.pageNews{width:940px; float:left;}
.pageNews .newsBox{ width:920px; padding:20px 10px; border-bottom:dashed 1px #ebebeb; height:122px;}
.pageNews .newsBox .date{ width:104px; height:122px; float:left; background:#afe5e2;text-align:center; color:#fff;}
.pageNews .newsBox .date span{ display:block; float:left; width:100%; border-bottom:solid 1px #F4F4F4; height:69px; line-height:69px; font-size:30px;}
.pageNews .newsBox .date label{ display:block; float:left; width:100%;height:52px; line-height:52px; font-size:18px;}

.pageNews .newsBox .newsImg{ width:204px; height:120px; float:right; border:solid 1px #ebebeb;}
.pageNews .newsBox .newsImg a{ width:204px; height:120px; display:block; float:left; overflow:hidden;}

.pageNews .newsBox .newsImg a img{ width:204px; height:120px;transition:all 0.6s ease 0s;} 
.pageNews .newsBox .newsImg a:hover img{transform:scale(1.2); transition:all 0.6s ease 0s;}


.pageNews .newsBox .newsMain{ width:570px; float:left; margin-left:30px;}
.pageNews .newsBox .newsMain a{ width:570px; font-size:16px; color:#333; height:30px; line-height:30px; overflow:hidden; display:block; float:left;}
.pageNews .newsBox .newsMain p{width:570px; font-size:14px; color:#999; height:30px; line-height:30px; overflow:hidden; display:block; float:left;}

.pageNews .newsBox .newsMain span{width:570px;font-size:14px;color:#6a6a6a;height:50px;line-height:25px;overflow:hidden;display:block;float:left; margin-top:8px;}


/*----新闻详细页面-----*/
.page2{ padding-top:0px;}
.pageLocation{ width:1180px; margin:0 auto;line-height:52px;background:url(../images/locationIcon.jpg) left center no-repeat;padding-left:20px;}

.pageMain{ width:1200px; margin:40px auto;display: block;
	top:800px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 0.3s 0.9s linear;
	-o-transition: 0.3s 0.9s linear;
	transition: 0.3s 0.9s linear;}
	
.page2.show .pageMain{top:0;opacity: 1;filter:alpha(opacity=100);}

.pageTop{ width:1200px; border-bottom:dashed 1px #bcbcbc; padding-bottom:10px;}
.pageTop h2{ display:block; width:100%; text-align:center; font-size:20px; font-weight:bold; color:#2b2b2b; line-height:30px;}
.pageTop label{ display:block; width:100%; text-align:center; font-size:16px;color:#969696; line-height:30px;}
.pageTop p{ display:block; width:100%; text-align:center; font-size:16px;color:#555; line-height:30px;}

.pageTxt{ width:1200px; margin:30px auto; line-height:32px;}

.pageMenu{ width:1160px; margin:30px auto; background:#f2f2f2; height:50px; line-height:50px; padding:0px 20px;}


/*----行业客户中心-----*/
.customer-body{width:1200px; margin:50px auto 0px auto;}



.customer-body .customer-left{ width:213px; height:674px;float:left;position: relative;display: block;float: left;top:200px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s 0.5s linear;-o-transition: 0.3s 0.5s linear;transition: 0.3s 0.5s linear;}
.customer-body.show .customer-left{top:0;opacity: 1;filter:alpha(opacity=100);}


.customer-body .customer-right{ width:968px;float:right;position: relative;top:200px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s 0.8s linear;-o-transition: 0.3s 0.8s linear;transition: 0.3s 0.8s linear;}
.customer-body.show .customer-right{top:0;opacity: 1;filter:alpha(opacity=100);}

.customer-left .box{position:absolute;overflow:hidden;}
.customer-left .big1{width:213px;height:344px; left:0px; top:0px;}
.customer-left .big2{width:213px;height:308px; left:0px; top:366px;}



.customer-left .big1 .info{top:260px;width:100%;height:100%;position:absolute;transition:0.5s;overflow:hidden;background:#000000;background:rgba(0,0,0,0.8);font-size:24px; color:#fff; text-align:center;}
.customer-left .big1 .info h3{font-size:24px; color:#fff; text-align:center; line-height:80px;}
.customer-left .big1:hover .info{top:0;width:100%;height:100%;transition:0.5s;}
.customer-left .big1:hover .info h3{ line-height:344px;}


.customer-left .big2 .info{top:218px;width:100%;height:100%;position:absolute;transition:0.5s;overflow:hidden;background:#000000;background:rgba(0,0,0,0.8);font-size:24px; color:#fff; text-align:center;}
.customer-left .big2 .info h3{font-size:24px; color:#fff; text-align:center; line-height:80px;}
.customer-left .big2:hover .info{top:0;width:100%;height:100%;transition:0.5s;}
.customer-left .big2:hover .info h3{ line-height:308px;}

.customer-right .big3{width:543px;height:162px; float:left;position:relative; overflow:hidden;}
.customer-right .big4{width:405px;height:162px; float:right;position:relative; overflow:hidden;}

.customer-right .big5{width:405px;height:162px;float:left;position:relative; overflow:hidden; margin-top:20px;}
.customer-right .big6{width:543px;height:162px;float:right;position:relative; overflow:hidden; margin-top:20px;}

.customer-right .big7{width:626px;height:145px;float:left;position:relative; overflow:hidden; margin-top:20px;}
.customer-right .big8{width:626px;height:143px;float:left;position:relative; overflow:hidden; margin-top:20px;}

.customer-right .big9{width:320px;height:308px;float:right;position:relative; overflow:hidden; margin-top:20px;}


.customer-right .big3 .info{top:110px;width:100%;height:100%;position:absolute;transition:0.5s;overflow:hidden;background:#000000;background:rgba(0,0,0,0.8);font-size:24px; color:#fff; text-align:center;}
.customer-right .big3 .info h3{font-size:24px; color:#fff; text-align:center; line-height:50px;}
.customer-right .big3:hover .info{top:0;width:100%;height:100%;transition:0.5s;}
.customer-right .big3:hover .info h3{ line-height:162px;}


.customer-right .big4 .info{top:110px;width:100%;height:100%;position:absolute;transition:0.5s;overflow:hidden;background:#000000;background:rgba(0,0,0,0.8);font-size:24px; color:#fff; text-align:center;}
.customer-right .big4 .info h3{font-size:24px; color:#fff; text-align:center; line-height:50px;}
.customer-right .big4:hover .info{top:0;width:100%;height:100%;transition:0.5s;}
.customer-right .big4:hover .info h3{ line-height:162px;}

.customer-right .big5 .info{top:110px;width:100%;height:100%;position:absolute;transition:0.5s;overflow:hidden;background:#000000;background:rgba(0,0,0,0.8);font-size:24px; color:#fff; text-align:center;}
.customer-right .big5 .info h3{font-size:24px; color:#fff; text-align:center; line-height:50px;}
.customer-right .big5:hover .info{top:0;width:100%;height:100%;transition:0.5s;}
.customer-right .big5:hover .info h3{ line-height:162px;}

.customer-right .big6 .info{top:110px;width:100%;height:100%;position:absolute;transition:0.5s;overflow:hidden;background:#000000;background:rgba(0,0,0,0.8);font-size:24px; color:#fff; text-align:center;}
.customer-right .big6 .info h3{font-size:24px; color:#fff; text-align:center; line-height:50px;}
.customer-right .big6:hover .info{top:0;width:100%;height:100%;transition:0.5s;}
.customer-right .big6:hover .info h3{ line-height:162px;}


.customer-right .big7 .info{top:95px;width:100%;height:100%;position:absolute;transition:0.5s;overflow:hidden;background:#000000;background:rgba(0,0,0,0.8);font-size:24px; color:#fff; text-align:center;}
.customer-right .big7 .info h3{font-size:24px; color:#fff; text-align:center; line-height:50px;}
.customer-right .big7:hover .info{top:0;width:100%;height:100%;transition:0.5s;}
.customer-right .big7:hover .info h3{ line-height:145px;}

.customer-right .big8 .info{top:93px;width:100%;height:100%;position:absolute;transition:0.5s;overflow:hidden;background:#000000;background:rgba(0,0,0,0.8);font-size:24px; color:#fff; text-align:center;}
.customer-right .big8 .info h3{font-size:24px; color:#fff; text-align:center; line-height:50px;}
.customer-right .big8:hover .info{top:0;width:100%;height:100%;transition:0.5s;}
.customer-right .big8:hover .info h3{ line-height:143px;}

.customer-right .big9 .info{top:258px;width:100%;height:100%;position:absolute;transition:0.5s;overflow:hidden;background:#000000;background:rgba(0,0,0,0.8);font-size:24px; color:#fff; text-align:center;}
.customer-right .big9 .info h3{font-size:24px; color:#fff; text-align:center; line-height:50px;}
.customer-right .big9:hover .info{top:0;width:100%;height:100%;transition:0.5s;}
.customer-right .big9:hover .info h3{ line-height:258px;}






/*-----经销商中心------*/
.dealerBg{ width:100%; background:#eee; height:50px;}

.dealer{ width:1200px; margin:0 auto; height:50px; text-align:center;left:-200px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: 0.5s linear;-o-transition: 0.5s linear;transition: 0.5s linear;}
.dealer a{ font-size:20px; font-weight:bold; color:#333; line-height:50px; padding:0px 50px;}
.dealer.show{left:0;opacity: 1;filter:alpha(opacity=100);}

.dealer1-body{ width:1200px; margin:0 auto;}


.dealer1-body .item{position: relative;display: block;float: left;width:348px; height:352px; border:solid 1px #ebebeb; background:#fff;opacity: 0;filter:alpha(opacity=0);overflow: hidden; margin:20px 25px 0px 25px;}

.dealer1-body .item1{left:0px;-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;}

.dealer1-body .item2{left:308px;-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;}

.dealer1-body .item3{left:400px;-webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;}



.dealer1-body .item4{left:0px;-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;}


.dealer1-body .item5{left:308px;-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;}


.dealer1-body.show .item{left:0;opacity: 1;filter:alpha(opacity=100);}

.dealer1-body.item .service{display: block;height:352px;text-align: center;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}

.dealer1-body .item .service .content{display: block;height:320px;padding-top:32px;line-height: 1;}

.dealer1-body .item .service .content h4{display: block;font-size:24px; text-align:center;font-weight:bold;margin-top:21px;color:#333;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}

.dealer1-body .item .service .content p{display: block; width:90%; margin:15px 5% 0px 5%;color: #4b4b4b;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out; color:#bdbdbd; font-size:16px; line-height:30px;}

.dealer1-body .item .service .content .icon{display: inline-block;width:130px; height:130px; margin:0px 109px;}



.lcMain{ width:1200px; margin:0 auto;}
.lcMain .lcImg{ width:1200px;display: block; height:115px; float:left;
	float: left;
	top:200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 0.3s 0.5s linear;
	-o-transition: 0.3s 0.5s linear;
	transition: 0.3s 0.5s linear;}
	
.lcMain.show .lcImg{top:0;opacity: 1;filter:alpha(opacity=100);}


.lcMain .lcImg.show{right:0;opacity: 1;filter:alpha(opacity=100);}


.lcBox{ width:1200px; float:left; margin-top:50px;display: block;
	float: left;
	top:200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 0.3s 0.5s linear;
	-o-transition: 0.3s 0.5s linear;
	transition: 0.3s 0.5s linear;}
	
.lcMain.show .lcBox{top:0;opacity: 1;filter:alpha(opacity=100);}
.lcBox dl dt{width:185px;height:150px;line-height:150px;color:#fff; text-align:center; font-weight:bold; font-size:30px; background:#3893ff; border-radius:20px; float:left;}
.lcBox dl dd{ width:280px; height:120px; padding:15px 15px;float:left; line-height:180%; overflow:hidden;background:#fff; border:solid 1px #3893ff;border-radius:20px; margin-left:25px;}


.partner{overflow: hidden;position: relative;}



.partner .partnerBox{ width:1200px; margin:0 auto;position: relative; font-size:15px; line-height:32px; color:#757575;
	display: block;
	top:200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 0.3s 0.9s linear;
	-o-transition: 0.3s 0.9s linear;
	transition: 0.3s 0.9s linear;}
	
.partner.show .partnerBox{top:0;opacity: 1;filter:alpha(opacity=100);}

.partner .partnerBox ul li{ width:1160px; border-bottom:dashed 1px #ececec; padding:20px 20px; float:left;}
.partner .partnerBox ul li a.partnerImg{ width:258px; height:168px; display:block; float:left; overflow:hidden;}

.partner .partnerBox ul li .partnerTxt{ width:700px; float:left; margin-left:40px;}
.partner .partnerBox ul li .partnerTxt a{ width:700px; font-size:18px; color:#333; display:block; font-weight:bold;float:left; line-height:30px;}

.partner .partnerBox ul li .partnerTxt a i{ background:#0168cc; color:#fff; height:24px; line-height:24px; padding:0px 5px; font-size:14px; margin-left:10px;}

.partner .partnerBox ul li .partnerTxt span{ width:700px; margin-top:10px;color:#666; display:block;float:left; line-height:30px;}
.partner .partnerBox ul li .partnerIcon{ width:26px; height:44px; background:url(../images/moreIcon.jpg) top center no-repeat; padding:30px 30px; float:right; margin-top:30px;}


.partner.show .More{top:0;opacity: 1;filter:alpha(opacity=100);}

/*----合作伙伴详细---*/


.partner-header{ width:100%; text-align:center; background:url(../images/titleTopBg.jpg) top center no-repeat;}
.partner-header h3{display: block;font-size:26px;color: #2b2b2b;font-weight: bold;line-height:50px;}
.partner-header span{display: block;font-size:18px;color: #4b4b4b;line-height:30px;}
.partner-body{display: block;overflow: hidden; width:1200px; margin:0px auto;}




.partner-body{ width:1160px; margin:50px 20px;}
.partner-body .partner-Txt{ width:450px; float:left;position: relative; font-size:15px; line-height:32px; color:#333;
	display: block;
	float: left;
	top:200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 0.3s 0.5s linear;
	-o-transition: 0.3s 0.5s linear;
	transition: 0.3s 0.5s linear;}
	
.partner-body.show .partner-Txt{top:0;opacity: 1;filter:alpha(opacity=100);}


.partner-body .partner-Img{ width:660px; float:right;position: relative;top:200px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s 0.8s linear;-o-transition: 0.3s 0.8s linear;transition: 0.3s 0.8s linear;}


.partner-body.show .partner-Img{top:0;opacity: 1;filter:alpha(opacity=100);}

.txt-height{line-height:240%; width:1050px; margin:0px auto;}
.pernext{width:98%; line-height:200px; text-align:left;}
.pernext span{ font-weight:bold;}

/*-------资产管理中心 ------*/
.manageBox1{ width:980px; margin:50px auto;}

.swiperBanner{ width:980px;z-index:9; margin:0px auto; position:relative;}

.abs {position:relative; }
.swiperBanner .hd {left:0px;width:980px;background-color: #f4f4f4; height:90px; padding:20px 0px;}
.swiperBanner .hd ul {width:980px;text-align:center;margin:0 auto;}
.swiperBanner .hd ul li {display:inline-block; width:145px; height:90px; border:solid 3px #f4f4f4;margin:0px 20px;cursor:pointer;}
.swiperBanner .hd ul li img{ width:145px; height:90px;}
.swiperBanner .hd ul li {*display:inline;}

.swiperBanner .hd ul li.on { border:solid 3px #0168cc;}

.swiperBanner .bd ul {margin:0 auto; padding:0px 0px;}
.swiperBanner .bd ul li{ width:980px; height:615px;}
.swiperBanner .bd ul li img{ width:980px; h615px;}


.gallery-top {position: relative;width:680px; margin:0 auto;height: auto;background: #f4f4f4;}

.gallery-top img {display: block;width: auto; width:680px;margin: 0 auto;}

.gallery-top-slide {height: 630px;}

.gallery-bottom-box {position: relative;padding: 15px 50px;width:580px; margin:0 auto;background-color: #f4f4f4;}

.gallery-bottom {display: inline-block;width: 750px;height: auto;left: 15px;}

.swiper-thumb {width: 105px !important;height: 80px !important;border: 3px solid #dddddd;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;margin-right: 20px;overflow: hidden;opacity: 1;}

.swiper-thumb img {display: block;width: auto;height: 80px;margin: 0 auto;}

.gallery-bottom-active {border: 3px solid #0168cc !important;}





.dealer2-body{ width:1200px; margin:0 auto;left:0px;-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; line-height:200%;}


.dealer2-body.show {left:0;opacity: 1;filter:alpha(opacity=100);}



.dealer3-body{ width:1200px; margin:0 auto;left:0px;-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;}


.dealer3-body.show {left:0;opacity: 1;filter:alpha(opacity=100);}

.dealer3-body-ul{ width:1200px; float:left; height:50px; margin-top:50px;}
.dealer3-body-ul li{height:50px;line-height:50px;font-size:18px;background:#9d9c9c;color:#fff;text-align:center;margin:0px 3px;float:left;width:165px;}
.dealer3-body-ul li.hover{ background:#0168cc;cursor:pointer;}
.dealer3-body-box{ width:1200px; float:left;display:none; padding:30px 0px;}

.dealer6-body-ul{ width:1200px; float:left; height:50px; margin-top:50px;}
.dealer6-body-ul li{height:50px;line-height:50px;font-size:18px;background:#9d9c9c;color:#fff;text-align:center;margin:0px 3px;float:left;width:190px;}
.dealer6-body-ul li.hover{ background:#0168cc;}
.dealer6-body-ul li a{width:190px; height:50px; line-height:50px; display:block;}
.dealer6-body-ul li a:hover{width:190px; height:50px; line-height:50px; display:block; background:#0168cc;}
.dealer6-body-box{ width:1200px; float:left;display:none; padding:30px 0px;}

.title{font-size:16px; text-align:center; line-height:40px; height:40px; margin-bottom:10px; font-weight:bold; width:920px;  border:none; border-bottom:1px #CCCCCC dashed;}
.subtxt{width:920px; height:30px;  line-height:22px; text-align:center; font-size:12px;}
.pernext{width:920px;height:auto; line-height:168%; text-align:left;margin:10px 0px; clear:both;}

.txtTitle{width:1050px; height:46px; line-height:46px; text-align:center; font-size:16px; border-bottom:1px #CCC solid; margin-bottom:20px;}
